/**
* @project Core Framework
*/

@import "reset.css";

/*** Branding ***/ 
body {font:normal 12px Arial, Helvetica, sans-serif;color:#000;background:url(../../Content/Images/bg_html.gif) repeat-x 0 0 #fff;width:100%;height:100%;}

/**
* @section Links
*/
a:link{text-decoration:underline; color:#1e65be;}
a:visited{text-decoration:underline; color:#1e65be;}
a:hover{text-decoration:none; color:#1e65be;}
a:active{text-decoration:none; color:#1e65be;}

/**
* @section Headings
*/
h1, h2, h3, h4, h5, h6 {color:#000;font-weight:normal;margin-top:0;padding-top:0}
h1 {font-size:28px;color:#278181;}
h2 {font-size:20px;color:#278181}
h3 {font-size:18px;color:#278181}
h4 {font-size:16px;color:#278181}
h5 {font-size:14px;}
h6 {font-size:12px;}

/**
* @section Typography
*/
p {margin-bottom:8px;}

ul, ol, ul li, ol li {list-style:none;margin:0;background:none;padding:0}


/**
* @section Footerstick
*/
html, body {height:100%;}
.main_container {min-height:100%; position:relative;width:100%}
	.header {}
	.wrapper {padding-bottom:80px;width:940px;margin:0 auto}
.footer {height:80px;position:relative;width:940px;margin:-80px auto 0;background:url(../../Content/Images/footer_bg.gif) repeat-x;}


/**
* @section Main Layouts
* @subsection Two Column Layout
*/
.container {}
	.main {float:right;margin-left:-200px;width:100%;padding-bottom:20px}
		.content_i {margin-left:200px;}
	.sidebar {float:left;width:200px;}
	
	
/**
* Custom Buttons
* @section buttons
*/
.button {background-color:transparent; background-repeat:no-repeat; background-position:0 0; cursor:pointer; margin:0; padding:0; border:0;}	
.btn1 {cursor:pointer;}
	.btn1 em {width:4px;height:27px;background:url(../../Content/Images/btn_pu_left.png) no-repeat 0 0;float:left}
	.btn1 input {background:url(../../Content/Images/btn_pu_content.png) repeat-x 0 0;height:27px;float:left;padding:4px 10px 5px;color:#f9f9f9;font-size:13px;font-family:Arial;font-weight:bold;}
	.btn1 strong {width:4px;height:27px;background:url(../../Content/Images/btn_pu_right.png) no-repeat 0 0;float:left}
	.btn1:hover em, .btn1:hover input, .btn1:hover strong {background-position: 0 -27px} 
	.btn1:active em, .btn1:active input, .btn1:active strong {background-position:0 -27px} 
	.btn1_disabled em, .btn1_disabled input, .btn1_disabled strong {background-position:0 -54px;color:#a6a6a6} 
	.btn1_disabled:hover em, .btn1_disabled:hover input, .btn1_disabled:hover strong {background-position: 0 -54px;cursor:default;color:#a6a6a6} 
.btn2 {cursor:pointer;height:26px;}
	.btn2 em {width:25px;height:26px;background:url(../../Content/Images/btn2_l.gif) no-repeat 0 0;float:left}
	.btn2 input {background:url(../../Content/Images/btn2_c.gif) repeat-x 0 0;height:26px;float:left;padding:4px 0 5px;color:#0052b8;font-size:12px;font-family:Arial;text-decoration:underline;}
	.btn2 strong {width:10px;height:26px;background:url(../../Content/Images/btn2_r.gif) no-repeat 0 0;float:left}	
	
/**
* Global Styles
* @section Global
*/	
.g-nobg {background:none !important;}
.g-a-left {text-align:left !important;}
.g-a-right {text-align:right !important;}
.g-a-center {text-align:center !important;}
.g-upper {text-transform:uppercase;}
.g-noborder {border:0 !important;}


/**
* @section Main Layouts
* @subsection Header
*/
.header {background:url(../../Content/Images/header_bg.gif) repeat-x;height:43px}
	.header_i {width:940px;margin:0 auto;}
		.core_logo {margin-top:16px;}
		.right_top {float:right;margin-top:6px;*margin-top:-22px}			
			ul.mode {float:left;}
				ul.mode li {float:left;height:29px;text-align:center;cursor:pointer;background:url(../../Content/Images/mode_sep.png) no-repeat 0 0;padding-left:1px}
				ul.mode li:first-child {background:none;}
					ul.mode li a{color:#1e65be;text-decoration:underline;font-size:12px;}
					ul.mode li.active a {color:#000;text-decoration:none;}
						ul.mode li a:hover{text-decoration:none}
						ul.mode li em{width:4px;height:29px;background:url(../../Content/Images/mode_left.png) no-repeat 0 0;float:left;display:block}
						ul.mode li strong{width:4px;height:29px;background:url(../../Content/Images/mode_right.png) no-repeat 0 0;float:left}
						ul.mode li span{float:left;height:16px;background:url(../../Content/Images/mode_body.png) repeat-x 0 0;padding:7px 10px 6px}
						ul.mode li:hover em, ul.mode li:hover strong, ul.mode li:hover span, ul.mode li.active em, ul.mode li.active strong, ul.mode li.active span {background-position: 0 -29px}
			.r_info {float:left;padding:6px 0 6px 13px;}
				.r_info span.cp_link {background:url(../../Content/Images/t_sep.png) 100% 3px no-repeat;padding-right:10px;}
				.r_info span {padding:0 6px 0 4px;}
				.r_info a {padding-left:2px;}
					.r_info a:hover {}
	
/**
* @section Main Layouts
* @subsection Footer
*/
.footer_i {padding-top:16px}
	.footer_i .copy {float:left;color:#5f656c;font-size:11px;}
		.footer_i .copy span {color:#000;}
	ul.footer_nav {float:right;}
		ul.footer_nav li {float:left;margin-left:6px;background:url(../../Content/Images/footer_menu_sep.gif) no-repeat 0 3px;padding-left:8px}
		ul.footer_nav li:first-child {background:none}
			ul.footer_nav li a {color:#5f656c;font-size:11px;}


/**
* @section Widgets Page
*/
.logo {margin:20px 0 17px}
.content {padding-bottom:14px;}
	.pages {text-align:right;margin-bottom:10px;border:1px solid #dfe5e8;}
		.pages ul {float:left;}
			.pages ul li{}
				.pages ul li span {}
				.pages ul li img {margin-left:6px;}
			.pages ul li:first-child{}
				.pages ul li a{}
		.add_new_pg {float:right;padding:3px 0}
	.curr_pg {margin-bottom:5px;}
		.curr_pg .title {background:url(../../Content/Images/curr_bg.gif) repeat-x;border:1px solid #525457;color:#fff;font-size:12px;font-weight:bold;padding:4px 10px;}
		.curr_pg .functions {border:1px solid #808283;border-top:none}
			.curr_pg .functions_i {background:url(../../Content/Images/curr_c_bg.gif) repeat-x;border:1px solid #f2f3f4;padding:0 10px}
				.curr_pg .function {float:left;background:url(../../Content/Images/o_sep.png) no-repeat 0 0; padding-left:10px;margin-left:10px;}
				.curr_pg .function:first-child {background:none; padding-left:0px;margin-left:0px;}
				.curr_pg .function span {background:url(../../Content/Images/ico_open.png) no-repeat 100% 5px; padding-right:10px;}
				.curr_pg .function a {text-decoration:none}
				.curr_pg .function a span {text-decoration:underline}
				.curr_pg .function a:hover span {text-decoration:none}
		.btm_line {height:1px;background:#c0c0c0;}
	table.widgets, table .widgets td, table.widgets tr  {vertical-align:top; width:940px;}
		.widget_i {margin-bottom:5px;}
			.widget_title {border:1px solid #808283;border-top:1px solid #b4b4b4;}
				.widget_title_i {background:url(../../Content/Images/widget_t_bg.gif) repeat-x;border:1px solid #f3f3f4}
					.widget_title h1 {color:#2f2f2f;font-weight:bold;font-size:12px;float:left;margin:3px 0 0 10px;padding-right:50px;height:17px;overflow:hidden} /* */
					.widget_title .widget_edit {float:right;height:22px;margin-left:-46px;width:46px;} /* */
			.widget_content {border:1px solid #808283;border-top:none;}
				.widget_content_i {border:1px solid #d9d9d9;padding:0 2px 5px;}
					.w_txt_content {padding:10px 10px;}
					.widget_content_i img {margin:5px 0 2px;}
			.small_widgets {}
				.small_widgets .widget_i:first-child {margin-left:0;}
				.small_widgets .widget_i {float:left;margin-left:2px;width:233.5px;}
					/* .small_widgets .widget_i .w_txt_content {height:212px;overflow:hidden} */
					.small_widgets .w_txt_content {padding:0 6px}
	
/**
* @section Popup
*/

.wrapper_w {width:900px;margin:30px auto;}

#backgroundPopup{display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#000000;opacity:.1;border:1px solid #cecece;z-index:1;}

#popupContact{display:block;position:fixed;width:364px;background:#FFFFFF;z-index:2;font-size:13px;border:1px solid #545454;}
	#popupContactClose{right:0px;top:1px;position:absolute;display:block;cursor:pointer;height:22px;width:22px;}
	.p_header {background:url(../../Content/Images/widget_t_bg.gif) repeat-x 0 0;height:18px;padding:4px 6px;color:#222;font-weight:bold;}
	.p_contet {border:#d9d9d9 solid 1px; border-bottom:1px solid #c0c0c0;padding:10px 16px}
		.tabs{margin:auto;overflow:hidden;height:auto;}
			ul.i-tab {list-style:none;overflow:hidden;height:auto;}
				ul.i-tab li {float:left;margin-left:3px;z-index:1;position:relative}
					ul.i-tab li em {float:left;background:url(../../Content/Images/tab_all_left.gif) repeat-x 0 0;width:6px;height:24px}
					ul.i-tab li span {float:left;background:url(../../Content/Images/tab_all_center.gif) repeat-x 0 0;padding:4px 10px 4px;}
					@media all and (min-width:0){ul.i-tab li span { padding:4px 10px 5px \0/; }} /* IE9 hack */
					ul.i-tab li strong {float:left;background:url(../../Content/Images/tab_all_right.gif) repeat-x 0 0;width:7px;height:24px}
					ul.i-tab li:hover {cursor:pointer}
					ul.i-tab li.active {z-index:200}
						ul.i-tab li.active em, ul.i-tab li.active span, ul.i-tab li.active strong {background-position: 0 -24px;}
			.tabs_b {height:1px;border-top:1px solid #b4b4b4;z-index:100;position:relative;margin-top:-1px;}
			.tab-content {list-style:none;margin:0px;padding:12px 0 4px 3px;}
				.tab-content li {display:block;display:none;font-size:12px;font-family:Arial}
					.form_i {margin-bottom:15px;}
						.form_i label{color:#222222;font-weight:bold;}
							.form_i label span{color:#0f5cbb;}
						.form_i input.inp_txt {width:321px;margin-top:5px;color:#a6a6a6}
						.form_i select {width:100%;margin-top:5px;color:#313131}
					.chb_i {line-height:12px;}
						.chb_i input {float:left;margin-left:0}
						.chb_i label {padding-top:2px;margin-left:3px;float:left}
					.tab-content p {color:#555}
	.p_footer {height:27px;background:url(../../Content/Images/widget_f_bg.gif) repeat-x 0 0;padding:5px 8px}
		.p_footer .btn1 {float:left;margin-right:5px;}
		.cancel_l {color:#1e65be;font-size:12px;font-family:Arial;float:left;margin-top:5px;margin-left:5px;}
		
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }	
	
	
	
	
	
	
	
	
	
	
	







